body{
    margin: 0;
}
.hd1{
    width: 100%;
    height: 39px;
    background-color: #f4f4f4;
    position: absolute;
    top: 0;
}
.fl>div,
.fr>div{
    height: 26px;
    display: inline-block;
    border: 1px solid #00b7d6;
    background-color: white;
    border-radius: 2px;
}
main{
    width: 1200px;
    margin: 0 auto;
    /*background-color: springgreen;*/
}
.fl,.fr{
    margin-top: 7px;
    display: inline-block;
}
.fl>div>span,
.fr>div>span{
    line-height: 26px;
    margin: 10px;
    margin-left: 0;    
    color: #00b7d6;
}
.fl>div:nth-child(2)>span{
   /*margin-right: 0;*/
   margin: 0;
}
.tpjl{
    width: 20px;
    height: 20px;
    background-image: url(../img/headerico.png);
    display: inline-block;
    background-size:100% 4000%;
    position: relative;
    top: 6px;
    left: 10px;
    
}
.icon1{
    background-position: 0 0;
}
.icon2{
    background-position: 100% -298%;
}
.icon3{
    background-position: 100% -500.4%;
    left: 0;
}
.fl>span{
    font-size: 14px;
    color: #969696;
    position: relative;
    bottom: 2px;
}
.fr{
    float: right;
}
.fr>div:nth-child(1){
    border: none;
    background-color: #f4f4f4;
}
.fr>div:nth-child(1)>span{
    color: black;
}
.tpjl2{
    width: 20px;
    height: 20px;
    background-image: url(../img/qian.png);
    display: inline-block;
    /*background-size:500% 4000%;*/
    position: relative;
    top: 5px;
    left: 5px;
}
.icon4{
    background-position: 100% -3300%;
}
#g{
    color: #3ebb2b;
}
#weixin{
    border: 1px solid #3ebb2b;
}
.fr>span{
    display: inline-block;
    width: 40px;
    cursor: pointer;
    text-align: center;
}
.fr>span:hover{
    background-color: white;
}
.lhd{
    height: 85px;
    width: 100%;
    /*background-color: #3ebb2b;*/
    margin-top: 39px;
    box-sizing: border-box;
}
.logo{
    position: relative;
    top: 14px;
    width: 140px;
    height: 60px;
    /*margin: 0;;*/
    background-image: url(../img/public_v8.png);
    background-size: 100% 400%;
    background-position: 100% 0;
    display: inline-block;
}
.clear{
    clear: both;
}
.daohang>div{
    display: inline-block;
}
.daohang{
    float: right;
}
.daohang>span{
    display: inline-block;
    height: 85px;
    line-height: 85px;
    font-size: 19px;
    margin: 0;
    padding: 0;
    margin-left: 42px;
}
.daohang>span:hover{
    color: #ff6c00;
    cursor: pointer;
}
.daohang>span:nth-child(1){
    color: #ff6c00;
    border-bottom: 2px solid #ff6c00;
    padding: 0 21px;
}
.daohang>span:nth-child(2){
    margin: 0;
}
.lvse{
    display: inline-block;
    width: 11px;
    height: 9px;
    background-image: url(../img/lvse.png);
    position: relative;
    bottom: 8px;
    left: 5px;
}
.hot{
    display: inline-block;    
    width: 23px;
    height: 14px;
    background-image: url(../img/hot.png);    
    position: relative;
    bottom: 8px;
    left: 5px;
}
.hf{
    width: 100%;
    height: 161px;
    background-image: url(../img/indexbg.jpg);
    background-position: 50% 50%;
    text-align: center;
    margin-top: 2px;
}
.h1{
    display: inline-block;
    width: 100%;
    font-size: 2.5rem;
    color: white;
    margin-top: 20px;
}
.ss{
    width: 62%;
    /*background-color: springgreen;*/
    margin: 0 auto;
    height: 48px;
    margin-top: 20px;
}
input{
    width: 70%;
    float: left;
    height: 45px;
    font-size: 1.2rem;
    padding-left: 20px;
    margin: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: none;
}
.ss>div{
    display: inline-block;
    width: 100px;
    height: 47px;
    background-color: #3ebb2b;
    margin: 0;
    color: white;
}
.ss>div:nth-of-type(1){
    font-size: 1.3em;
    line-height: 47px;
    position: relative;
    right: 70px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.ss>div:nth-of-type(2){
    font-size: 1.3em;
    line-height: 47px;
    position: relative;
    right: 70px;
    border-radius: 5px;
    background-color: #ff6c00;
}
li.active{
     display: block;
}
ul,li{
     margin: 0;
     padding: 0;
     list-style: none;
     display: block;
}
li{
    width: 100%;
    height: 100%;
    display: none;
}
.lbt{
    width: 1200px;
    margin: 0 auto;
    height: 340px;
    /*background-color: springgreen;*/
}
.dsfq{
    width: 1200px;
    height: 68px;
    /*background-color: springgreen;*/
    margin: 10px auto;
    /*margin: 10px 0;*/
}
.dsfq>div{
    height: 100%;
    width: 164px;
    margin: 0;
    /*margin-left: 8px;*/
    display: inline-block;
    font-size: 1.3rem;
    line-height: 68px;
    text-align: center;
}
.dsfq>div:nth-child(1){
    margin: 0;
    background-color: #eadfbf;
    color: #af8c24;
}
.dsfq>div:nth-child(2){
    background-color: #eed9bb;
    color: #997f5e;
}
.dsfq>div:nth-child(3){
    background-color: #eddbcc;
    color: #b47647;
}
.dsfq>div:nth-child(4){
    background-color: #b8d2fb;
    color: #6882ad;
}
.dsfq>div:nth-child(5){
    background-color: #bfe2ef;
    color: #488ca2;
}
.dsfq>div:nth-child(6){
    background-color: #d6e7c0;
    color: #7a9472;
}
.dsfq>div:nth-child(7){
    background-color: #c1e7c0;
    color: #5f8e5d;
}
.kfgj{
    width: 1200px;
    height: 68px;
    margin: 0 auto;
    /*margin-bottom: 41px;*/
    /*background-color: springgreen;*/
}
.kfgj>div{
    width: 98px;
    height: 75px;
    display: inline-block;
    margin: 0;
    text-align: center;
    border-right: 1px solid #eee;
}
.tpjlgj{
    width: 30px;
    height: 30px;
    background-image: url(../img/homeTools_v4.png);
    background-size:100% 5000%;
}
.kfgj>div>div:nth-child(1){ 
    margin: 10px auto;
}
.i1{
    background-position: 100% -4399.6%;
}
.i2{
    background-position: 100% -4299.6%;
}
/*.i3{
    background-position: 100% -100%;    
}*/
.i4{
    background-position: 100% -2001%;    
}
.i5{
    background-position: 100% -4499.6%;
}
.i6{
    background-position: 100% -1994.7%;        
}
.i7{
    background-position: 100% -1992.6%;        
}
.i8{
    background-position: 100% -1990.5%;        
}
.i9{
    background-position: 100% -1984.2%;        
}
.i10{
    background-position: 100% -4599.8%;        
}
.kfgj>div>div:nth-child(2){
    color: #666666; 
}
.kfgj>div:last-child{
    border: none;
    position: relative;
    bottom: 20px;
    padding-left: 20px;
}
.rmzttit{
    width: 1200px;
    margin: 0 auto;
    /*margin: 25px;*/
    margin-top: 41px;
    /*background-color: springgreen;*/
    padding-left: 20px;
    font-size: 1.3rem;
    color: #666666;
}
.gd{
    width: 1200px;
    text-align: right;
    color: #666666;
    margin-bottom: 14px;
    position: relative;
    bottom: 5px;
}
.gd>img{
    position: relative;
    top: 1.5px;
}
.rmzt>div{
    display: block;
    box-sizing: border-box;
}
.rmzt{
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 38px;
    /*background-color: springgreen;*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
}
.rmzt>div>div:nth-child(1){
    quotes: 224px;
    height: 226px;
    background-color: navajowhite;
    overflow: hidden;
}
.rmzt>div>div:nth-child(2){
    width: 226px;
    text-align: center;
    height: 40px;
    font-size: 1.2em;
    line-height: 40px;
    background-color: white;
}
.rmzt>div:hover{
    box-sizing: border-box;
    border: 5px solid white;
    box-shadow: 0 0 5px gray;
    margin: -5px;
}
.yqlj{
    width: 1200px;
    margin: 0 auto;
    color: #999999;
}
.yqlj>span{
    margin-right: 10px;
}
.yqlj>span:hover{
    color: black;
    cursor: pointer;
}
hr{
    width: 1200px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 24px;
    background-color: #d7d7d7;
    border: none;
    height: 1px;
}
.dsl{
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 13px;
}
.dsl>span{
    color: #a1a2a2
}
.dsl>span:hover{
    color: black;
    cursor: pointer;
}
footer{
    height: 119px;
    width: 100%;
    background-color:#222222;
    margin-top: 103px;
}
.yj{
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    /*background-color: darkorchid;*/
}
.gfwb{
    padding-top: 27px;
    color: #eeeeee;
    display: inline-block;
}
.gfwb>span:hover{
    color: #3ebb2b;
    cursor: pointer;
}
.ib{
    display: inline-block;
    width: 114px;
    height: 30px;
    background-image: url(../img/qqq.png);
    position: relative;
    top: 5px;
}
.icon11{
    background-position: 0 -100%;
}
.yj>span{
    color: #888888;
    position: relative;
    bottom: 2px;
}
.zs{
    color: #888888;
    display: inline-block;
    padding-top: 21px;
    font-size: 0.9rem;
}
.zs1{
    color: #888888;
    /*padding-top: 21px;*/
    font-size: 0.9rem;
}
.zs1>span{
    color: #3a6;
}
.qt1{
    display: inline-block;
    position: absolute;
    top: 27px;
    right: 0;
}
.kfgj>div{
    border: 1px solid white;
}
.kfgj>div:hover{
    border: 1px solid #99c800;
}
.kfgj>div:last-of-type:hover{
    border: none;
}
